<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<script>
// 条件分支

// if - else - 
/* 
  if (布尔值表达式) {
    如果 布尔值表达式 为「真」
    执行本代码块
  } else {
    如果 布尔值表达式 为「假」
    执行本代码块
    else 可选
  }


  if (布尔值表达式1) {

  } else if (布尔值表达式2) {
    如果 布尔值表达式2 为「真」
    执行本代码块
  } else if (布尔值表达式3) {
    如果 布尔值表达式3 为「真」
    执行本代码块

    注：else if 可以有 N 个
  } else {

  }
*/


// switch

/* 执行逻辑：variable 若 === value， 则 开始执行其下面的代码，直到遇到 break，停止代码的执行
  switch (variable) {
    case 「value」:
      code in here...

    default:  // 等于 if - else 的 else
      
  }
*/

// 三木运算符：
/* 
  布尔表达式 ? 表达式1 : 表达式2

  机制：布尔表达式 为「真」，执行 表达式1，同时将 表达式1 的结果值，作为 三目运算符的 结果值 返回
    反之，为「假」的话，执行 表达式2，同时将 表达式2 的结果值，作为 三目运算符的 结果值 返回
*/

/* 自增自减运算符
  变量++    /      ++变量
  变量--    /      --变量


  机制：其运算符做了两个事：1）返回变量的值   2）自增或自减1（改变变量本身的值）
    变量++ 和 ++变量  的唯一区别是上面  1） 和  2） 的执行顺序不同
  
  变量++ 执行顺序：先返回变量的值，再将变量+=1
  ++变量 执行顺序：先将变量+=1，再返回变量的值

 */


/* 字符串相关：
  任何变量.toString()  ->  将任何变量类型 转为 字符串形式
  数字变量.toString(radix)  ->  可以将数字 以 其他 进制的形式 输出
  /t  ->  tab;    /n  ->  new line
  模板字符串：``   
    好处：1可以换行   2可以 ${} 在其中加入变量
*/

/* 数字相关：
  0xffff  ->  十六进制
  0b1100  ->  二进制
  0o7765  ->  八进制

*/
</script>